<template>
	<view :style="[{paddingTop:CustomBar+'px'}]">
		<cu-custom bgColor="bg-colorP" :isBack="true">
			<block slot="backText"></block>
			<block slot="content">常见问题</block>
		</cu-custom>
		<view class="container">
			<view class="answerview">
				<view class="title">{{answerContent.title}}?</view>
				<view class="containers">{{answerContent.answer}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				CustomBar: this.CustomBar,
				answerContent: {}
			}
		},
		onLoad(options) {
			this.answerContent = JSON.parse(options.item)
		},
		methods: {

		},

	}
</script>

<style>
	page{
		background: #fff;
	}
</style>
<style scoped>
	page {
		background: #fff;
	}

	.container {
		background: #fff;
		width: 100%;
		height: 100%;
	}

	.answerview {
		width: 100%;
		height: 100%;

	}

	.title {
		width: 702rpx;
		height: 88rpx;
		line-height: 88rpx;
		background-color: #f5f5f5;
		border-radius: 44rpx;
		margin: 40rpx 24rpx;
		text-align: center;
		font-size: 36rpx;
		letter-spacing: 2rpx;
		color: #333333;
	}

	.containers {
		margin: 0 29rpx 20rpx 24rpx;
		color: #333333;
		font-size: 30rpx;
	}
</style>
